<script setup>
import {useAttrs,watchEffect} from 'vue'
// 透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或是针对 emits 声明事件的 v-on 侦听函数
// defineEmits(['click'])  //可以放开注释试下效果
const handleXclick=()=>{
  console.log(2222222222);
}
// defineOptions({
//   inheritAttrs: false
// })
const attrs = useAttrs()

watchEffect(()=>{
  console.log(attrs.title,attrs,456320);
})
</script>

<template>
  <button class="btn1 btn2" @click="handleXclick" @mouseleave="$emit('click')">
    <span :title="$attrs.title">click me</span>
  </button>
</template>
<style scoped>
.btn1{
  color:red
}
.btn2{
  color:yellow
}
</style>